// 🔥 vilan-admin-v1 全局样式入口

// 基础样式重置
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    height: 100%;
    font-size: 14px;
  }
  
  body {
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    // 🔥 使用定义好的CSS变量
    background: rgb(var(--vilan-bg-primary));
    color: rgb(var(--vilan-text-primary));
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  #app {
    height: 100%;
    // 🔥 确保整个应用使用主题色
    background: rgb(var(--vilan-bg-primary));
    color: rgb(var(--vilan-text-primary));
  }
  
  // 🔥 修复Element Plus在暗色模式下的样式
  .el-container {
    background: transparent !important;
    color: rgb(var(--vilan-text-primary)) !important;
  }
  
  .el-header, .el-aside, .el-main, .el-footer {
    background: transparent !important;
    color: rgb(var(--vilan-text-primary)) !important;
  }
  
  // 🔥 确保所有文本都使用主题颜色 只变文字颜色 不改变背景颜色 背景色灵活一点调换
  p, h1, h2, h3, h4, h5, h6, span, div {
    color: rgb(var(--vilan-text-primary));
  }
  
  // 🔥 Art Design Pro 标准 - 主题切换平滑过渡
  html, html.dark {
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  // 🔥 确保卡片在主题切换时正确更新
  .vilan-card {
    background: rgb(var(--vilan-bg-card)) !important;
    color: rgb(var(--vilan-text-primary)) !important;
    border-color: rgb(var(--vilan-border)) !important;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  }

  // 调试样式 - 临时查看边框
  .debug-border * {
    border: 1px solid red !important;
  }

// 🎨 导入优化后的菜单样式
@import './menu.scss';

// 🎨 导入侧边栏样式
@import './sider.scss';

// 🎨 导入头部样式
@import './header.scss';